<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

    <title>编辑广告</title>
    <!-- 引入字体图标 -->
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/Homepage.css">
    	
    <link rel="stylesheet" type="text/css" href="css/StyleForBuyPage.css"/>

	<!-- 引入样式 -->
	<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">


</head>

<body>
    <div class="navbar">
        <input type="checkbox" id="checkbox">
        <label for="checkbox" class="titleLabel">
            <i class="fa fa-bars" aria-hidden="true">
            	&nbsp;&nbsp;编辑广告
            </i>
        </label>
        <ul>
            <div id="icon">
    		 <li>
	            <img :src="user.icon" alt="">
	            <span>欢迎您！{{user.nickname}}</span>
	        </li>
    	</div>
	        <li>
	            <a href="Manager-bubble-Homepage.html">
	                <i class="fa fa-home" aria-hidden="true"></i>
	                <span>首页</span>
	            </a>
	        </li>
	        <li>
	            <a href="Manager-HotAd-Page.html">
	                <i class="fa fa-thumbs-up" aria-hidden="true"></i>
	                <span>本月热门</span>
	            </a>
	        </li>
	        <li>
	            <a href="Manager-Info-Page.html">
	                <i class="fa fa-user-circle-o" aria-hidden="true"></i>
	                <span>个人中心</span>
	            </a>
	        </li>
	        <li>
	            <a href="Manager-Buy-Page.html">
	                <i class="fa fa-shopping-bag" aria-hidden="true"></i>
	                <span>购买广告</span>
	            </a>
	        </li>
	        <li>
	            <a href="Manager-user-list.html">
	                <i class="fa fa-users" aria-hidden="true"></i>
	                <span>用户列表</span>
	            </a>
	        </li>
	        <li>
	            <a href="Manager-advlist.html">
	                <i class="fa fa-sitemap" aria-hidden="true"></i>
	                <span>广告列表</span>
	            </a>
	        </li>
			<li>
				<a href="Manager-Chat-Page.html">
					<i class="fa fa-comments" aria-hidden="true"></i>
					<span>聊天窗口</span>
				</a>
			</li>
	        <li onclick="Logout()">
	            <a href="javascript:void(0)">
	                <i class="fa fa-sign-out" aria-hidden="true" style="transform: rotate(180deg);"></i>
	                <span>退出登录</span>
	            </a>
	        </li>
        </ul>
        <div class="main myStyle">
            <!--我是内容区-->
            <div id="edit">
            	<form onsubmit="return SubmitListener()" action="./AdInfo?type=edit" method="post" >
            		<span class="spanSty">品牌名称</span>
	            	<input type="text" name="ad_brand_name" id="ad_brand_name" class="input-text"/> <br />
	            	<span class="spanSty">网页地址</span>
	            	<input type="text" name="ad_website" id="ad_website" class="input-text"/> <br />
	            	<span class="spanSty">企业名称</span>
	            	<input type="text" name="ad_company_name" id="ad_company_name" class="input-text"/> <br />
	            	<span class="spanSty">品牌描述</span>
	            	<input type="text" name="ad_description" class="input-text"/> <br />
	            	
	            	<input type="hidden" name="ad_id" v-model="ad_id" />
	            	
	            	<input type="submit" value="保存" class="button" />
                    <input type="button" value="取消" onclick="window.history.back()" class="button" />
            	</form>
            </div>
        </div>
    </div>
</body>

<script src="js/vue.js"></script>
<script src="js/axios-0.18.0.js"></script>
<script src="//unpkg.com/vue@2/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

<script src="js/GetInfo.js"></script>

<script>
    function Logout() {
        var flag = window.confirm("确定退出登录吗？");
        if (flag) {
            window.location.href = "AdInfo?type=logout";
        }
    }
    
    new Vue({
    	el: "#edit",
    	data: {
    		ad_id: ""
    	},
    	methods: {
    		getAdId() {
    			var _this = this;
    			var url = window.location.search; //获取浏览器的地址值?id=1
        		var parame = url.split("="); //用=切割url地址栏的参数
        		var id = parame[1]; //获取到对应的参数值
        		
        		_this.ad_id = id;
    		}
    	},
    	mounted() {
    		this.getAdId();
    	}
    })

    function SubmitListener() {
    	
        var ad_brand_name = document.getElementById('ad_brand_name').value;
        var ad_website = document.getElementById('ad_website').value;
        var ad_company_name = document.getElementById('ad_company_name').value;

        if (ad_brand_name == "") {
            alert("品牌名称不能为空！")
        } else if (ad_website == "") {
            alert("网站地址不能为空！")
        } else if (ad_company_name == "") {
            alert("企业名称不能为空！")
        } else {
            alert("编辑成功！")

            return true;
        }

        return false;
    }

</script>


</html>